let questionApp=new  Vue({
    el:"#questionApp",
    data:{
        question:{}
    },
    methods:{
        loadquestion:function (){
            //获得url地址栏上？之后的内容
            let qid=location.search;
            //location.search功能
            //获取url中？以及之后的内容
            //如果url中没有？ qid：null
            //如果url中有？ 后没有任何内容 qid：null
            //如果url中？并且？后有内容 qid：？【之后的内容】
            if (!qid){
                //如果qid是null会进这个if
                alert("请指定问题id")
                return;
            }
            //?150-->150
            qid=qid.substring(1);
            axios({
                url:"/v1/questions/"+qid,
                method:"get"
            }).then(function (response) {
                questionApp.question=response.data;
                addDuration(response.data);
            })
        }
    },
    created:function () {
        this.loadquestion();
    }
})

let postAnswerApp =new Vue({
    el:"#postAnswerApp",
    data:{
    },
  methods:{
        postAnswer:function () {
            let qid=location.search;
            if (!qid){
                return;
            }
            qid=qid.substring(1);
            //获得用户在富文本编辑器中获得的内容
            let content=$("#summernote").val();
            //将问题id和内容保存到表单对象中
            let form =new FormData();
            form.append("questionId",qid);
            form.append("content",content);
            axios({
                url:"/v1/answers",
                method:"post",
                data:form
            }).then(function (response) {
                console.log(response.data);
                let answer=response.data;
                answer.duration="刚刚";
                //将控制器新增返回的answer对象追加到回答列表中
                answersApp.answers.push(answer);
                //富文本编辑器清空内容
                $("#summernote").summernote("reset");
            })
        }
  }
})
//回答列表显示js代码
let answersApp=new Vue({
    el:"#answersApp",
    data:{
        answers:[]
    },
    methods:{
        loadAnswers:function (){
            let qid=location.search;
            if (!qid){
                return;
            }
            qid=qid.substring(1);
            axios({
                url:"/v1/answers/question/"+qid,
                method:"get"
            }).then(function (response) {
                answersApp.answers=response.data;
                //调用计算持续时间的方法
                answersApp.updateDuration();
            })
        },
        updateDuration:function () {
            let answers=this.answers;
            for (let i=0;i<answers.length;i++){
                addDuration(answers[i]);
            }
        }
    },
    created:function () {
        this.loadAnswers();
    }
})